.s-radio {
  
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;

  &-input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
  }
  &-inner{
    border: 1px solid #cad3c3;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;

    &::after{
      width: 4px;
      height: 4px;
      border-radius: 100%;
      background-color: #fff;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%) scale(0);
      transition: transform .15s ease-in;
    } 
  }
  &-original{
      opacity: 0;
      outline: none;
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0;
  }
  &-label{
    font-size: 14px;
    padding-left: 10px;
  }
}
.s-radio.is-checked{
  .s-radio-input {
    .s-radio-inner {
      border-color: #96c24e ;
      background: #96c24e ;
      &::after {
        transform: translate(-50%,-50%) scale(1.2);
      }
    }
  }
  .s-radio-label{
    color: #96c24e;
  }
}

.s-radio-is-disabled{
  cursor: not-allowed;
  .s-radio-inner{
    cursor: not-allowed !important;
    opacity: .5;
  }
  .s-radio-label{
    opacity: .5;
  }
  
}
.s-radio-group{
  cursor: not-allowed;
  opacity: .5;
  .s-radio-inner,.s-radio-label{
    cursor: not-allowed !important;
  }
  
}
